<?php
  /**
   * The template for displaying Category Archive pages.
   *
   * @package WordPress
   * @subpackage Twenty_Eleven
   * @since Twenty Eleven 1.0
   */

  get_header(); ?>
<section id="primary">
  <div id="content" role="main">

    <?php if ( have_posts() ) : ?>

      <header class="page-header">
        <h1 class="page-title"><span><?php single_cat_title() ?></span></h1>

        <?php
        $category_description = category_description();
        if ( ! empty( $category_description ) )
          echo apply_filters( 'category_archive_meta', '<div class="category-archive-meta">' . $category_description . '</div>' );
        ?>
      </header>

      <?php vsa_pagination(); ?>

      <div class="grid clearfix">
        <?php /* Start the Loop */ ?>
        <?php $count = 0; $number_of_cols = 3; ?>
        <?php while ( have_posts() ) : the_post(); ?>
          <?php if ($count % $number_of_cols === 0): ?>
            <ul class="grid-row">
          <?php endif; ?>

          <li class="grid-thumb grid-cell">
            <div id="attachment_<?php the_ID(); ?>" class="wp-caption">
              <a href="<?php the_permalink(); ?>">
                <?php
                  if ( has_post_thumbnail() ) {
                    the_post_thumbnail( 'thumbnail' );
                  }
                  else {
                    echo '<img src="' . IMAGES . '/thumbnail-default.jpg" />';
                  }
                ?>
              </a>
              <p class="wp-caption"><a rel="bookmark" href="<?php the_permalink(); ?>"><?php the_title(); ?></a></p>
            </div>
          </li>

          <?php $count++; ?>

          <?php if ($count % $number_of_cols === 0): ?>
            </ul><!-- .grid-row -->
          <?php endif; ?>
        <?php endwhile; ?>

        <?php if ($count % $number_of_cols !== 0): ?>
          </ul><!-- .grid-row -->
        <?php endif; ?>

        <?php /* End the Loop */ ?>
      </div>

      <?php vsa_pagination(); ?>

    <?php else : ?>

      <article id="post-0" class="post no-results not-found">
        <header class="entry-header">
          <h1 class="entry-title"><?php _e( 'Nothing Found', 'twentyeleven' ); ?></h1>
        </header><!-- .entry-header -->

        <div class="entry-content">
          <p><?php _e( 'Apologies, but no results were found for the requested archive. Perhaps searching will help find a related post.', 'twentyeleven' ); ?></p>
          <?php get_search_form(); ?>
        </div><!-- .entry-content -->
      </article><!-- #post-0 -->

    <?php endif; ?>

  </div><!-- #content -->
</section><!-- #primary -->

<?php get_sidebar(); ?>
<?php get_footer(); ?>
